//  This script is essentially a baseline for a short script that styles all elements.
//  Note that TR.row2 is not defined.  The placeholders (/FILE_TABLE_ROW2 & etc.) are left in for convenience if alternating row colors are desired.
//  Note also that /ANCHOR references the file "description.txt".  This grabs description.txt from the folder being searched and drops it in after folder anchors.
//    description.txt files should be something long these lines:  </td></tr><tr><td colspan="%%COLUMNS%" class="note">BLAH BLAH BLAH

/HEAD
<style type="text/css">
.centered {margin: auto}
BODY {font: 1em Arial, Helvetica, sans-serif; background: url(steel_background.jpg); background-color: #e5ecf3}
TABLE.file-table {background-color:#f3f3f3; font:0.8em Arial, Helvetica, sans-serif; border: 1px solid #808080; padding-top: 0px;}
TABLE.file-table TD {color:#393733; padding:2px; border: 0;}
TABLE.file-table TD A {text-decoration:none; color: #105cb6; font-weight: bold;}
TABLE.file-table TD A:hover {color: #FFF; background: #596C7E}
TABLE.file-table TD A:visited {color: #3B7BC6}
TABLE.file-table TD A:visited:hover {color: #FFF; background: #596C7E}
//#596C7E  #B9B4A0
TABLE.file-table TD.header-row {background-color: #a6c0cc; color: #000; text-align: center; font-weight:bold; font-size: medium; line-height: 1.5;}
TABLE.file-table TD.centered_td {text-align: center}
TABLE.file-table TD.anchors {font-weight: bold; text-align: center; background-color: #116A9E; color:#B9D5D5; line-height: 1.5; font-size: 100%;}
TABLE.file-table TD.note {background-color: #3B7BC6; color: #D9ECE6; text-align: center;}
TABLE.file-table TH {background-color: #86B0E1; color:#324712; text-align:center; border: 0px; font-weight: lighter; font-size: 90%}
TABLE.file-table TR:hover {background-color: #b2d281}
</style>
/ANCHOR_HEADER
class="header-row" style="border-bottom: 1px solid #808080"
/HEADER_STYLE
class="header-row"
/TABLEHEADER
<table cellspacing="0" cellpadding="2" summary="file table" class="file-table centered">
/ANCHOR_TD
class="anchors"
/FILE_TABLE_ROW2
class="row2"
/FOLDER_TABLE_HEADER
<table border="0" cellspacing="1" cellpadding="2" summary="folder table" class="file-table centered">
/FOLDER_TABLE_ROW2
class="row2"
/ANCHOR_TABLE_HEADER
<table border="0" cellspacing="0" cellpadding="2" summary="anchor table" class="file-table centered">
/ANCHOR_TABLE_ROW2
class="row2"
/SUMMARY_STYLE
style="font:0.75em Arial, Helvetica, sans-serif;"
/ANCHOR_TABLE_TD
class="centered_td"
/ANCHOR
%%FILEdescription.txt%
// Note: This additional /HEAD section contains code related to the div's
/HEAD
<style type="text/css">
#container {width: 97%; margin: 10px auto; background-color: #F3F3F3; color: #333; border: 1px solid black; line-height: 110%;}
#top {padding: .5em; background-color: #b2d281; border-bottom: 1px solid gray; line-height: 180%;}
#top h1 {padding: 0; margin: 0}
#leftnav {float: left; width: 15em; margin: 0; padding: 1em;}
#content {margin-left: 17em; padding: 1em;}
#footer {clear: both; margin: 0; padding: .5em; color: #333; background-color: #ddd;
   font-size: x-small; font-style: italic; border-top: 1px solid gray;}
</style>
/START
<div id="container">
<div id="top"><h1>%%DIR</h1></div>
// Alternately, use %%FOLDER (or something else) instead of %%DIR
/BEFORE_ANCHORS
<div id="leftnav">
/BETWEEN_FILES_AND_FOLDERS
</div>
<div id="content">
/END
</div>
<div id="footer">%%DATE</div>
</div>
/FILE_HREF_APPEND
title="%%F"